$(function () {
    $('#loadTable').bootstrapTable({
        method : 'get',
        url : ctx+"adminHigh/getUserListPage",//请求路径
        height: getHeight(),//表格高度
        striped : true, //是否显示行间隔色
        pageNumber : 1, //初始化加载第一页
        pagination : true,//是否分页
        /*striped : true,   //设置为 true 会有隔行变色效果*/
        sidePagination : 'server',//server:服务器端分页|client：前端分页
        pageSize : 5,//单页记录数
        pageList : [5,10,20,30],//可选择单页记录数
        showRefresh : true,//刷新按钮
        queryParams : function(params) {//上传服务器的参数
            var temp = {//如果是在服务器端实现分页，limit、offset这两个参数是必须的
                limit :  params.limit, // 每页显示数量
                offset : params.offset, // SQL语句起始索引
                page : (params.offset / params.limit) + 1, //当前页码
                realname : $('#search_name').val(),
                phone : $('#search_tel').val(),
                state : $('#sel1').val()
            };
            return temp;
        },
        columns : [ {
            title : '姓名',
            field : 'realname',
            sortable : true
        }, {
            title : '电话',
            field : 'phone',
            sortable : true
        }, {
            title : 'Email',
            field : 'email',
        },
        {
            title : '状态',
            field : 'state',
            formatter:function(value ,row,index){
                if (value == '0' || value == null){
                    return '正常'
                }else{
                    return '<span style="color: red">已拉黑</span>'
                }
            }
        },
            {
            title : '操作',
            field : 'id',
                formatter: function(value, row, index) {
                  /*  var htm = '<button  class=\"btn btn-primary btn-lg\" data-toggle=\"modal\" data-target=\"#myModal\">拉黑</button>'
                    return htm;*/
                    var strArray = new Array();
                        strArray.push('<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" onclick="set(\''+value+'\')">拉黑</button> ');
                    return strArray.join("");
                }
        } ]
    })
    //调整table的高度
    function getHeight() {
 /*     console.info("浏览器宽度"+$(window).height());*/
        return 390;
    }

    //查询按钮事件
    $('#search_btn').click(function() {
        $('#loadTable').bootstrapTable('refresh', {
            url :ctx+"adminHigh/getUserListPage"
        });
    });

    // 拉黑用户
    $('#saveActive').click(function (data) {
        var resultJson={};
        resultJson.value1="";
        resultJson.value2="";
        if ( $("#error1").is(':checked') || $("#error2").is(':checked')){
            $("#active").find('input[name="activing"]:checked').each(function(){ //遍历，将所有选中的值寻到
                if ($(this).val()==1){
                    resultJson.value1="言语过失";
                }else {
                    resultJson.value2="违规操作";
                }
            });
        }else {
            toastr.error("请勾选拉黑理由");
            return null;
        }
        resultJson.userId=$('#hiddenuserid').val();
        var mymessage = confirm("确定拉黑吗");
        if(mymessage == true) {
            $.ajax({
                url: ctx+"adminHigh/lahe",
                type: "post",
                data:resultJson,
                dataType:"json",
                success: function(data) {
                    $('#myModal').modal('hide');
                    $('#loadTable').bootstrapTable('refresh');
                    toastr.success(data.msg)
                },
                error: function(data) {
                    toastr.error("操作失败");
                }
            });
        }
    })
})

//modal 赋值id
function set(id) {
    console.info(id)
    $('#hiddenuserid').val(id);
};